<html>
<head>

<style type="text/css">
#outside-box
{
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 70px;

	border: 1px dashed #ccaaaa;
}
</style>


<script type="text/javascript" src="smooth_roll.js"></script>
<script type="text/javascript">
function init ()
{
	sg = new SmoothRoll ( 'outside-box' );
	sg.add_item ( "Item 1" );
	sg.add_item ( "Item 2" );
	sg.add_item ( "Item 3" );
	sg.add_item ( "Item 4" );
	sg.add_item ( "Item 5" );
	sg.add_item ( "Item 6" );
	sg.add_item ( "Item 7" );

	sg.init ();
	sg.start ();
}

</script>

</head>
<body onload="init()">

	<div id="outside-box">
	</div>

</body>
</html>
